<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>通用错误提示使用示范</title>

    <link rel="stylesheet" href="http://wow.techbrood.com/uploads/150301/jquery.alerts.css" />

    <style>
        #popup_container {
            font-family: microsoft yahei, arial, sans-serif;
            font-size: 12px;
            min-width: 300px;
            /* Dialog will be no smaller than this */

            max-width: 600px;
            /* Dialog will wrap after this width */

            background: #FFF;
            border: solid 1px #eee;
            color: #000;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }
        #popup_title {
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            line-height: 1.75em;
            color: #F9F4F4;
            background: rgba(234, 27, 27, 0.7);
            cursor: default;
            padding: 5px 10px;
            margin: -1px;
            border-radius: 3px 3px 0 0;
            border: none;
        }
        #popup_content {
            background: 16px 16px no-repeat url("");
            padding: 2em 2.75em;
            margin: 0em;
        }
        #popup_content.alert {
            background-image: url("/assets/error.png");
        }
        #popup_panel {
            text-align: center;
            margin: 2em 0em 0em 0em;
        }
        #popup_prompt {
            margin: .5em 0em;
        }
        #popup_ok {
            padding: 5px 20px;
            border: 1px solid #ccc;
            background: transparent;
            color: rgb(26, 24, 24);
            border-radius: 3px;
        }
    </style>
</head>

<body>

<input id="alert_button" type="button" value="Alert对话框" />

<script src="http://wow.techbrood.com/libs/jquery/jquery-1.11.1.min.js"></script>
<script src="http://wow.techbrood.com/uploads/150301/jquery.alerts.js" type="text/javascript"></script>
<script>
    $(document).ready(function() {
        $("#alert_button").click(function() {
            jAlert('***操作失败，原因****', '操作错误');
        });
    });
</script>
</body>

</html>